<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="./css/element.css" type="text/css">

<title>元素周期表</title>

</head>
<body>
    <div id="container">
    	<!-- 选中菜单结构 start-->
    	<div id="menu">
    		<button id="table">TABLE</button>

    		<button id="plane">平铺</button>

            <button id="grid">3D</button>
            <button id="group">分组</button>

    	</div>
    	<!-- end -->
    </div>
	<!-- 3d图形库 -->
    <script src="./public/threejs/three.min.js"></script>
    <!-- 轻量级动画库‘补间’ -->
    <script src="./public/threejs/examples/tween.min.js"></script>
    <!-- 轨迹球控制器库 -->
    <script src="./public/threejs/examples/TrackballControls.js"></script>
    <!-- css3D渲染器 -->
    <script src="./public/threejs/examples/CSS3DRenderer.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="./public/babel.min.js"></script>
    <script type="text/babel" src="./js/element.js"></script>
    
</body>
</html>